<template>
	<div>
		<h1>{{ msg }}</h1>

		<el-container>
			<el-header>
				<el-row style="float: right">
					<el-col :span="8"><el-input placeholder="请输入" /></el-col>
					<el-col :span="3"><el-button>查询</el-button></el-col>
				</el-row>
			</el-header>
			<el-container>
				<el-aside width="200px">
					<el-select>
						<el-option label="1" value="1"> </el-option>
						<el-option label="2" value="2"> </el-option>
					</el-select>
				</el-aside>

				<el-main style="height: 800px; width: 80%">
					<div class="MainDiv">
						<user-info-page />
					</div>
				</el-main>
				<el-footer></el-footer>
			</el-container>
		</el-container>
	</div>
</template>

<script>
import UserInfoPage from "./UserInfoPage.vue";
export default {
	components: { UserInfoPage },
	name: "HelloWorld",
	data() {
		return {
			msg: "Welcome to HH",
		};
	},
};
</script>
<style>
	.MainDiv {
		height: 100%;
		width: 80%;
		/*background-color: darkgray;*/
		/*position: absolute;*/
		float: right;
		/*display: block;*/
		overflow: hidden;
	}
</style>
